*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.nav-link{
    color:#000;
}
.nav-link,.navbar-brand{
    font-size: 14px;
    font-family: 微软雅黑;
}
.navbar-brand{
    width: 50%;
}
#ids, #ids-1,#ids-2,#ids-3,#ids-4,#ids-5,#ids-6{
    color:#000;
    padding-top: 20px;
}
#ids:hover,#ids-1:hover,#ids-2:hover,#ids-3:hover,#ids-4:hover{
    color:#0088d9;
}
.active{
    padding-left: 300px;
}
.clearfix:before,
.clearfix:after{
    display:block;
    clear:both;
    content:"";
}
.tu-1,.tu-2,.main-5-left,.main-5-right{
    float:left;
}
footer .col-md-4 p,.zi-5 a,.zi-6 a{
    text-decoration: none;
    font-size: 14px;
}
.zi-3,.zi-4,.h6,.main-2 .col-md-3 p,.main-2 .col-md-3 h5{
    font-family: 微软雅黑;
}
.gang{
    width: 54px;
    height: 2px;
    background: #0088d9;
}
header img{
    width: 100%;
}
.zi-3{
    color:#ff7100;
}
header{
    position: relative;
}
.header-1{
    position: absolute;
    top:37%;
    left:27%;
}
.main-1,.main-6,.main-8-top{
    margin-top: 33px;
    text-align: center;
    font-size: 24px;
}
.main-1 p,.main-3 p,.main-6 p,.main-8-top p{
    font-size: 18px;
    color:#9a9b9d;
}
.main-2 .col-md-3,.main-3{
    text-align: center;
}
.main-2 .col-md-3 p{
    font-size:12px;
}
.main-2{
    margin-top: 42px;
}
.main-2 h5{
    padding-top: 20px;
}
.main-3{
    width: 100%;
    background-color: #efeeec;
    padding-top: 42px;
    padding-bottom: 18px;
    margin-top: 42px;
    font-size: 24px;
}
.main-4-top img,.main-4-bottom img{
    width: 395px;
    height: 329px;
}
.main-5{
    width: 100%;
    background-color: #128abe;
}
.main-5-left p{
    color:#fff;
    font-size: 20px;
}
.main-5-left{
    padding-top: 28px;
    padding-bottom: 6px;
}
.main-5-right{
    float:right;
    padding-right: 54px;
    padding-top: 38px;
}
.main-5-right button{
    width: 90px;
    height: 44px;
    border:2px solid #fff;
    background-color: #128abe;
    color:#fff;
    font-size: 14px;
    border-radius: 4px;
}
.main-5-right button:hover,.col-md-7 button:hover{
    background-color: #fff;
    color:#128abe;
}
.col-md-7 button:hover{
    border:2px solid #128abe;
}
.col-md-7 button{
    width: 100px;
    height: 37px;
    background-color: #128abe;
    border:none;
    color:#fff;
    border-radius: 4px;
}
.col-md-7 p{
    font-size: 14px;
}
.col-md-7{
    padding-top: 20px;
}
.main-8{
    width: 100%;
    background-color: #efeeec;
}
.main-8-top{
    padding-top: 42px;
}
.main-8-bottom img{
    padding-left: 50px;
    padding-top: 34px;
    padding-bottom: 59px;
}
footer{
    background: url("../img/img-26.png") no-repeat;
    width: 100%;
    background-size: 100% 100%;
}
footer .col-md-4 h5,footer .col-md-4 p,.zi-5 a,.zi-6 a{
    color:#fff;
}
footer .col-md-4{
    padding-top: 45px;
    padding-bottom: 35px;
}
.zi-5 a,.zi-6 a{
    padding-right: 42px;
}
@media (max-width: 600px) {
    .zi-3{
        font-size: 14px;
    }
    .zi-4{
        font-size: 12px;
    }
    .zi-7{
        font-size: 12px;
    }
    .active{
        padding: 0;
    }
    .header-1{
        position: absolute;
        top:29px;
        left:66px;
    }
    header{
        position: relative;
    }
    .tu-1 img{
        width: 100%;
    }
    .tu-1{
        float:none;
    }
    .tu-2 img{
         width: 100%;
     }
    .tu-2{
        float:none;
    }
    .main-7 .col-md-6{
        text-align: center;
        margin-top: 20px;
    }
}